import React from "react";
import store from "../../store/store"


export default function Count() {
    const { count } = store.getState()
    const incrementHandle = () => {
        store.dispatch({
            type: 'incrementCount',
            data: 1
        })
    }
    const decrementHandle = () => {
        store.dispatch({
            type: "decrementCount",
            data: 1
        })
    }
    const ifOddDecrementHandle = () => {
        if (count % 2 !== 0) {
            store.dispatch({
                type: "incrementCount",
                data: 1
            })
        }
    }
    const waitDecrementHandle = () => {
        setTimeout(() => {
            store.dispatch({
                type: "incrementCount",
                data: 1
            })
        }, 1000)
    }



    return (
        <div>
            <h1>我是Count组件,我的值是{count }</h1>
            <div>
                <button onClick={incrementHandle} >累加</button>
                <button onClick={decrementHandle}>累减</button>
                <button onClick={ifOddDecrementHandle}>如果是奇数再加1</button>
                <button onClick={waitDecrementHandle}>等2s再加1</button>
            </div>
        </div>
    )
}